<template>
  <div class="about">
       <el-container>
      <el-header> vue3 后台管理</el-header>
     <el-container>
       <el-aside width="200px">Aside</el-aside>
       <el-main>Main</el-main>
  </el-container>
</el-container>
  </div>
</template>
<style>
.el-header {
  background-color: #b3c0d1;
  color: #333;
  text-align: center;
  height: 8vh;
}

.el-aside {
  background-color: #d3dce6;
  color: #333;
  text-align: center;
  height: 92vh;
}

.el-main {
  background-color: #e9eef3;
  color: #333;
  text-align: center;
}
</style>
